.orderDetails {


  .lineOne {
    width: 750rpx;
    height: 4rpx;
    background: #130101;
    opacity: 0.05;
  }

  .siteDetails-one {
    padding: 52rpx 32rpx;

    .address {
      font-size: 45rpx;
      font-weight: bolder;
      color: #130101;
    }

    .doorModel {
      width: 686rpx;
      height: 168rpx;
      background: rgba(216, 216, 216, .2);
      border-radius: 16px;
      display: flex;
      margin-top: 22rpx;

      .doorModelItem {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .model {
          font-size: 24rpx;
          color: rgb(146, 158, 178);
        }

        .answer {
          margin-top: 10rpx;
          font-size: 28rpx;
          color: #000000;
          font-weight: bolder;
          position: relative;

          text {
            position: absolute;
            right: -4;
            top: 0;
            font-size: 14rpx;
          }
        }
      }
    }
  }

  .lineTwo {
    // width: 750rpx;
    height: 2rpx;
    background: #130101;
    opacity: 0.05
  }

  .siteDetails-two {
    margin-top: 52rpx;
    padding: 0 32rpx;

    .title {
      font-size: 36rpx;
      font-weight: bolder;
      color: #000000;
    }

    .describe {
      margin-top: 32rpx;
      color: #000000;
      font-weight: bolder;
      font-size: 28rpx;

      text {
        color: #D6000F;
      }
    }

    .doorModel {
      margin-top: 32rpx;
      width: 686rpx;
      height: 321rpx;
      background: #F7F7F7;
      border-radius: 16rpx;
      padding: 71rpx 0rpx 0;
      box-sizing: border-box;

      .instructions {
        display: flex;
        padding: 0 46rpx;
        // margin-top: 71rpx;
        .instructionsItem {
          flex: 1;
          // margin-left: 49rpx;
          // text-align: center;
        }
      }

      .progress {
        display: flex;
        align-items: center;
        margin-top: 36rpx;
        margin-left: 20rpx;
        padding:0 46rpx ;
        .round {
          width: 16rpx;
          height: 16rpx;
          border: 2rpx solid #D6000F;
          border-radius: 50%;

        }

        .complete {
          background: #D6000F;
        }

        .line {
          background: #D6000F;
          width: 161rpx;
          height: 2rpx;

        }

      }

      .calendar {
        display: flex;
        margin-top: 17rpx;
   
        .calendarItem {
          padding-left:27rpx;
          // flex: 1;
          font-size: 24rpx;
          min-width: 106rpx;
          color: #020113;
          // text-align: center;
          color: #929eb2;
        }
        .calendarItem1 {
          padding-left:64rpx;
         
        }
        .calendarItem2 {
          padding-left:76rpx;
         
        }
        .calendarItem3 {
          padding-left:75rpx;
         
        }


      }

      .showCalendar {
        width: 317rpx;
        height: 44rpx;
        background: #FFFFFF;
        border-radius: 15rpx;
        display: flex;
        margin: 28rpx auto 0;
        justify-content: center;
        align-items: center;
   
        .text {
          font-size: 21rpx;
          color: #8B8C8E;
          line-height: 44rpx
        }

        image {
          width: 40rpx;
          height: 40rpx;
        }
      }
    }


    .doorModel-two {
      margin-top: 32rpx;
      width: 686rpx;
      height: 321rpx;
      background: #F7F7F7;
      border-radius: 16rpx;
      padding: 71rpx 0rpx 0;
      box-sizing: border-box;

      .instructions {
        display: flex;
        padding:0 46rpx;
        justify-content: space-between;
        // margin-top: 71rpx;
        .instructionsItem {
          // flex: 1;
          margin-left: 42rpx;
          // text-align: center;
        }
        .instructionsItemnei{
          margin-right: 13rpx;
        }
      }

      .progress {
        display: flex;
        align-items: center;
        margin-top: 36rpx;
        margin-left: 20rpx;
        padding:0 46rpx ;
        .round {
          width: 16rpx;
          height: 16rpx;
          border: 2rpx solid #D6000F;
          border-radius: 50%;

        }

        .complete {
          background: #D6000F;
        }

        .line {
          background: #D6000F;
          width: 158rpx;
          height: 2rpx;

        }
        .lines{
          width: 138rpx;
          background: #D6000F;
          height: 2rpx;
        }
      }

      .calendar {
        display: flex;
        margin-top: 17rpx;
        padding-left: 21rpx;
        padding-right: 25rpx;
        // justify-content: space-between;
        .calendarItem {
          // padding-left:21rpx;
          // flex: 1;
          min-width: 106rpx;
          display: inline-block;
          font-size: 24rpx;
          color: #020113;
          // text-align: center;
          color: #929eb2;
        }
        .calendarItemleft{
          margin-left: 73rpx;
        }
        .calendarItemleft2{
          margin-left: 73rpx;
        }
        .calendarItemlef3{
          margin-left: 59rpx;
        }
      }

      .showCalendar {
        width: 317rpx;
        height: 44rpx;
        background: #FFFFFF;
        border-radius: 15rpx;
        display: flex;
        margin: 28rpx auto 0;
        justify-content: center;
        align-items: center;
   
        .text {
          font-size: 21rpx;
          color: #8B8C8E;
          line-height: 44rpx
        }

        image {
          width: 40rpx;
          height: 40rpx;
        }
      }
    }
  }

  .siteDetails-treen {
    margin-top: 66rpx;
    padding: 0 32rpx;

    .title {
      font-size: 36rpx;
      font-weight: bolder;
      color: #000000;
    }

    .contentList {
      margin-top: 45rpx;

      overflow: hidden;

      .contentItem {}

      // .progress {
      //     width: 34rpx;
      //     display: flex;
      //     flex-direction: column;
      //     align-items: center;
      //     justify-content: center;




      // }
      .round {
        width: 34rpx;
        height: 34rpx;
        background: #FFFFFF;
        border: 1rpx solid #000000;
        border-radius: 50%;
        // margin-top: 10rpx;
      }

      .complete {
        margin-left: 6rpx;
        margin-top: 6rpx;
        background: #000000;
        width: 23rpx;
        height: 23rpx;
        border-radius: 50%;
 
      }

      .line {
        background: #000000;
        width: 2rpx;
        height: 156rpx;

      }

      .progress-name {
        font-size: 28rpx;
        font-weight: bolder;
        color: #000000;
        display: flex;
        align-items: center;
align-items: center;
        .progress-name-right {
          margin-left: 18rpx;
          flex: 1;
          height: 44rpx;
          display: flex;
          justify-content: space-between;
          align-items: center;
          .progress-name-right-title{
            display: flex;
            position: relative;
            // justify-content: sp;
            align-items: center;
            .pinlun{
              position: absolute;
              left: 73rpx;
              top: -4rpx;
              z-index: 40;
              display: block;
//               width: 210rpx;
// height: 48rpx;
// background: rgba(214, 0, 15,.1);
// border-radius: 28px;
margin-left: 24rpx;
// display: flex;
// align-items: center;
// padding: 0 29rpx;
// box-sizing: border-box;
// font-size: 28rpx;
// color: #D6000F;

image{
  width: 210rpx;
  height: 48rpx;
  // margin-right: 12rpx;
}
            }
          }
          .progress-name-right-time {
            font-size: 24rpx;
            color: #797A7C;
          }
        }


      }

      .content {
        border-left: 2rpx solid black;
        margin-left: 18rpx;
        padding-left: 16rpx;
        padding-top: 26rpx;
        padding-bottom: 50rpx;
      }

      .commentsList {
        // margin-top: 26rpx;
      }

      .comments {
        display: flex;
        // align-items: center;
        margin-bottom: 20rpx;
        margin-left: 16rpx;
        flex-direction: column;
      }

      .commentary-positions {



        view {
          // width: 243rpx;
          background: #D6000F;
          border-radius: 4rpx;
          font-size: 28rpx;
          font-weight: bolder;
          color: #FFFFFF;
          line-height: 32rpx;
          padding: 5rpx;
           white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          display: inline-block;
        }
      }

      .commentary-content {
        // width: 419rpx;
        // height: 36rpx;
        margin-top: 3rpx;
        flex: 1;
        margin-left: 8rpx;
        font-size: 28rpx;
        color: #000000;
      }

      .comments-picture {
        // height: 168rpx;
        padding-left: 15rpx;
        box-sizing: border-box;
        border-radius: 6rpx;
        border: 1rpx solid #979797;
        display: flex;
        flex-wrap: wrap;
        margin-top: 16rpx;
        // justify-content:space-between ;
        align-items: center;
        overflow: scroll;
        padding-top: 17rpx;
        flex-wrap: nowrap;
        image {
          flex-shrink: 0;
          width: 144rpx;
          height: 144rpx;
          background: #D8D8D8;
          border-radius: 11rpx;
          margin-right: 15rpx;
          margin-bottom: 17rpx;

       
        }
      }
    }

    .hidecontentList {
      max-height: 1100rpx;
      transition: all 0.3s;
    }

    .activeContentList {
      // max-height: 100000000rpx;
      // transition: all 0.6s;

    }



    .lookContenr {
      width: 317rpx;
      height: 44rpx;
      background: #EEEFF2;
      border-radius: 15rpx;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
      font-size: 21rpx;
      color: #8B8C8E;
      line-height: 44rpx;
      margin-top: 53rpx;

      image {
        width: 40rpx;
        height: 40rpx;
        display: block;
        margin-left: 5rpx;

      }
    }
  }

  .siteDetails-four {
    margin-top: 66rpx;
    padding: 0 32rpx;
    padding-bottom: 110rpx;

    .title {
      font-size: 36rpx;
      font-weight: bolder;
      color: #000000;
    }

    .teamList {
      display: flex;
      // justify-content: center;
      margin-top: 44rpx;
      overflow-y: auto;
      .teamLists{
        display: flex;
        justify-content: center;
      }
      .temaItem {
        // flex: 1;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 120rpx;
        // height: 120rpx;

        margin-right: 48rpx;

        &:last-child {
          margin-right: 0rpx
        }

        image {
          width: 120rpx;
          height: 120rpx;
          border: 1rpx solid #979797;
          border-radius: 50%;
        }

        text {
          margin-top: 32rpx;
          font-size: 28rpx;
          color: #000000;
        }
      }
    }
  }

  .siteDetails-five {
    // margin-bottom: 41vh;

    padding-bottom: 20rpx;

    .title {
      padding: 0 32rpx;
      font-size: 36rpx;
      font-weight: bolder;
      color: #000000;
      margin-bottom: 32rpx;
    }


  }
}


.isybtn {
  padding-bottom: 230rpx;
}

.isnbtn {
  padding-bottom: 100rpx;
}

.messageContentList {
  margin-top: 22rpx;
  overflow: hidden;

  .messageContentItem-one {
    padding: 0 32rpx;

    .smalltitle {

      font-weight: bolder;
      font-size: 28rpx;
      margin-top: 32rpx;
    }

    .smalltitle-conten {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 28rpx;

      & view:first-child {
        color: #8B8C8E;
      }

      &:nth-of-type(2) {
        margin-top: 32rpx;
      }

      &:nth-of-type(3) {
        margin-top: 65rpx;
        margin-bottom: 48rpx;
      }
    }


  }



  .messageContentItem-two {
    padding: 0 32rpx;

   


    .smalltitle {

      font-weight: bolder;
      font-size: 28rpx;
      margin-top: 32rpx;
    }

    .smalltitle-conten {
      display: flex;
      justify-content: space-between;

      font-size: 28rpx;

      & view:first-child {
        color: #8B8C8E;
      }

      margin-top: 32rpx;

      &:nth-of-type(3){
        margin-bottom: 32rpx;
      }

    }

    .smalltitle-conten-two {

      margin-top: 32rpx;
      font-size: 28rpx;

      & view:first-child {
        color: #8B8C8E;
      }

      .fexlImage {
        display: flex;
        margin-top: 24rpx;
        flex-wrap: wrap;
        margin-bottom: 32rpx;

        image {
          width: 160rpx;
          margin-right: 15rpx;
          flex-shrink: 0;
          margin-bottom: 10rpx;
          height: 160rpx;
          background: #D8D8D8;
          border-radius: 8rpx;

          &:nth-of-type(4n-4) {
            margin-right: 0rpx;
          }
        }
      }



    }



  }

  .messageContentItem-treen {
    padding: 0 32rpx;

    .smalltitle {

      font-weight: bolder;
      font-size: 28rpx;
      margin-top: 32rpx;
    }

    .smalltitle-conten {
      display: flex;
      justify-content: space-between;

      font-size: 28rpx;
      margin-bottom: 32rpx;

      & view:first-child {
        color: #8B8C8E;
      }

      margin-top: 32rpx;



    }

    .smalltitle-conten-two {

      margin-top: 32rpx;
      font-size: 28rpx;

      & view:first-child {
        color: #8B8C8E;
      }

      .fexlImage {
        display: flex;
        margin-top: 24rpx;
        flex-wrap: wrap;
        margin-bottom: 32rpx;

        image {
          width: 160rpx;
          margin-right: 15rpx;
          flex-shrink: 0;
          margin-bottom: 10rpx;
          height: 160rpx;
          background: #D8D8D8;
          border-radius: 8rpx;

          &:nth-of-type(4n-4) {
            margin-right: 0rpx;
          }
        }
      }



    }

    .redColor {
      color: #D6000F !important;
    }


  }
}

.hideDetails {
  max-height: 327rpx;
  transition: all 0.3s;
}

.showDetails {
  // max-height: 9000rpx;
  // transition: all 0.7s;
}

.lookAll {
  width: 317rpx;
  height: 44rpx;
  margin: 0 auto;
  margin-top: 40rpx;
  background: rgb(238, 239, 242, .8);
  border-radius: 15rpx;
  font-size: 21rpx;

  line-height: 44rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8B8C8E;

  image {
    width: 40rpx;
    height: 40rpx;

  }
}


.messageContentItemMap {
  padding: 32rpx 0;
  border-bottom: 2rpx solid rgba(19, 1, 1, 0.1);

  .messageContentItemMap-name {
    font-size: 28rpx;
    color: #797A7C;
  }

  .showMapList {
    margin-top: 24rpx;
    display: flex;
    // justify-content: space-between;
    flex-wrap: wrap;

    image {
      margin-bottom: 18rpx;
      flex-shrink: 0;
      width: 146rpx;
      height: 146rpx;
      background: #D8D8D8;
      // margin-right: 18rpx;
      border-radius: 8rpx
    }
  }
}

.calendarest {
  width: 686rpx;
  padding-bottom: 28rpx;
  // height: 779rpx;
  background: #F7F7F7;
  border-radius: 16rpx;
  margin-top: 32rpx;

  .calendar {
    // height: 672rpx;
  }

  .showCalendar {
    width: 317rpx;
    height: 44rpx;
    background: #FFFFFF;
    border-radius: 15rpx;
    display: flex;
    margin: 28rpx auto 0;
    justify-content: center;
    align-items: center;

    .text {
      font-size: 21rpx;
      color: #8B8C8E;
      line-height: 44rpx
    }

    image {
      width: 40rpx;
      height: 40rpx;
    }
  }
}

.tab {
  display: flex;
  height: 70rpx;
  position: sticky;
  left: 0;
  //   top: 124rpx;
  z-index: 50;
  background: white;

  view {
    flex: 1;
    text-align: center;
    line-height: 70rpx;
  }


  .activeLeng {
    width: 48rpx;
    height: 6rpx;
    background: #D6000F;
    border-radius: 3rpx;
    position: absolute;
    transition: all 0.3s;
    bottom: 0;
    left: 0;
  }
}

.fixed {}

.btn {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 750rpx;
  height: 196rpx;
  background: #FFFFFF;
  box-shadow: 0rpx 8rpx 48rpx 0rpx rgba(1, 7, 19, 0.15);
  border-radius: 32rpx 32rpx 0rpx 0rpx;

  view {
    margin: 24rpx auto 0;
    width: 686rpx;

    height: 88rpx;
    background: #D6000F;
    border-radius: 44rpx;
    font-size: 32rpx;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 88rpx;
    text-align: center;
  }
}




.MoneyMask {
  background: rgba(0, 0, 0, .8);
  position: fixed;
  left: 0;
  top: 0;
  width: 750rpx;
  height: 100vh;
  z-index: 700;

  display: flex;
  justify-content: center;
  align-items: center;

  .orderContent {
    margin-top: 97rpx;

    height: 937rpx;
    overflow: auto;
    background-color: white;
    padding-top: 59rpx;
    width: 686rpx;
    border-radius: 32rpx;


    .title {
      //   border-bottom: 1rpx solid rgba(2, 1, 19, .1);
      padding-bottom: 56rpx;
      font-size: 48rpx;
      text-align: center;
      color: #000000;
      font-weight: bolder;
    }


  }

  .contentList {
    .contentItem {
      width: 545rpx;
      margin: 0 auto 65rpx;
    }

    .smalltilte {

      font-size: 28rpx;
    }

    .input {
      width: 545rpx;
      height: 78rpx;
      border-radius: 5rpx;
      border: 2rpx solid #979797;
      font-size: 28rpx;
      margin-top: 24rpx;
      padding: 0 16rpx;
      box-sizing: border-box;
      line-height: 78rpx;
      
      // position: ;

      // border-radius: 5rpx;
    }
  }

  .next {
    width: 602rpx;
    height: 85rpx;
    font-size: 36rpx;
    font-weight: bolder;
    color: #FFFFFF;
    text-align: center;
    margin: 0 auto;
    background: #D60010;
    border-radius: 43rpx;
    line-height: 85rpx;
  }
}

.periodMask {
  background: rgba(0, 0, 0, .8);
  position: fixed;
  left: 0;
  top: 0;
  width: 750rpx;
  height: 100vh;
  z-index: 700;

  display: flex;
  justify-content: center;
  align-items: center;

  .orderContent {
    margin-top: 97rpx;

    width: 686rpx;
    height: 828rpx;
    overflow: auto;
    background-color: white;
    padding-top: 59rpx;
    border-radius: 32rpx;


    .title {
      //   border-bottom: 1rpx solid rgba(2, 1, 19, .1);
      padding-bottom: 56rpx;
      font-size: 48rpx;
      text-align: center;
      color: #000000;
      font-weight: bolder;
    }


  }

  .contentList {
    .contentItem {
      width: 545rpx;
      margin: 0 auto 65rpx;
      box-sizing: border-box;
    }

    .smalltilte {

      font-size: 28rpx;
    }

    .input {
      width: 514rpx;
      height: 78rpx;
      border-radius: 5rpx;
      border: 2rpx solid #979797;
      font-size: 28rpx;
      margin-top: 24rpx;
      padding: 0 16rpx;
      line-height: 78rpx;
      box-sizing: border-box;
      .picker {
        text-align: center;
        color: #CACACA;

        font-size: 28rpx;
      }

      // position: ;

      // border-radius: 5rpx;
    }
  }

  .next {
    width: 602rpx;
    height: 85rpx;
    font-size: 36rpx;
    font-weight: bolder;
    color: #FFFFFF;
    text-align: center;
    margin: 203rpx auto;
    background: #D60010;
    border-radius: 43rpx;
    line-height: 85rpx;
  }
}

.fromMask {
  background: rgba(0, 0, 0, .8);
  position: fixed;
  left: 0;
  top: 0;
  width: 750rpx;
  height: 100vh;
  z-index: 700;

  display: flex;
  justify-content: center;
  align-items: center;

  .orderContent {
    margin-top: 97rpx;
    height: 1082rpx;
    //   
    background-color: white;
    padding-top: 59rpx;
    width: 686rpx;
    border-radius: 32rpx;
    position: relative;
    // 

    .scloorbox {
      overflow: auto;
      height: 982rpx;
      padding-bottom: 100rpx;
      box-sizing: border-box;
      // padding-bottom: ;
    }

    .title {
      border-bottom: 1rpx solid rgba(2, 1, 19, .1);
      padding-bottom: 56rpx;
      font-size: 48rpx;
      text-align: center;
      color: #000000;
      font-weight: bolder;
    }

    .details {
      padding: 0 24rpx;
      margin-top: 56rpx;
    }

    .address {

      font-size: 36rpx;
      font-weight: bolder;
      color: #000000;
    }

    .messageList {
      width: 638rpx;
      height: 156rpx;
      background: rgba(216, 216, 216, .2);
      border-radius: 16rpx;
      display: flex;
      align-items: center;
      margin-top: 16rpx;

      .messageItem {
        flex: 1;
        text-align: center;

        & view:nth-of-type(1) {
          color: #797A7C;
          font-size: 20rpx;
          font-weight: bolder;
        }

        & view:nth-of-type(2) {
          margin-top: 10rpx;
          font-size: 28rpx;
          font-weight: bolder;
        }
      }
    }

    .messageContentList {
      margin-top: 22rpx;

      .messageContentItem {
        padding: 32rpx 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 2rpx solid rgba(19, 1, 1, .1);

        &:last-of-type {
          border-bottom: 0rpx solid transparent;
        }

        .messageContent-left {
          font-size: 28rpx;
          color: #797A7C;
        }

        .messageContent-right {
          position: relative;

          font-size: 28rpx;

          image {
            width: 156rpx;
            height: 156rpx;
            border-radius: 50%;
          }

          .name {
            width: 156rpx;
            height: 40rpx;
            background: rgba(2, 1, 19, .8);
            border-radius: 8rpx;
            text-align: center;
            color: white;
            position: absolute;
            bottom: 0;
            right: 0;
            line-height: 40rpx;
          }

          .redSize {
            color: #D6000F;
          }
        }
      }
    }

    .messageContentItemMap {
      padding: 32rpx 0;
      border-bottom: 2rpx solid rgba(19, 1, 1, 0.1);

      .messageContentItemMap-name {
        font-size: 28rpx;
        color: #797A7C;
      }

      .showMapList {
        margin-top: 24rpx;
        display: flex;
        // justify-content: ;
        flex-wrap: wrap;

        image {
          margin-bottom: 18rpx;
          flex-shrink: 0;
          width: 146rpx;
          height: 146rpx;
          background: #D8D8D8;
          margin-right: 18rpx;
          border-radius: 8rpx;

          &:nth-of-type(4n-4) {
            margin-right: 0rpx;
          }
        }
      }
    }

    .btns {
      position: absolute;
      bottom: 0rpx;
      left: 0;
      width: 686rpx;
      height: 100rpx;
      margin: 43rpx auto;
      display: flex;
      justify-content: center;
      background: white;

      //   background: gold;
      view {
        width: 303rpx;
        height: 88rpx;
        text-align: center;
        line-height: 88rpx;
        font-weight: bold;
        font-size: 32rpx;
        border-radius: 44rpx;
      }
    }

    .preservation {
      // background: #D6000F;
      // border-radius: 44px;
      border: 2px solid #D6000F;

      color: #D6000F;
    }

    .submit {

      margin-left: 16rpx;
      margin-top: 14rpx;
      background: #D6000F;
      width: 618rpx !important;

      color: #FFFFFF;

    }
  }
}

.successMask {
  background: rgba(0, 0, 0, .8);
  position: fixed;
  left: 0;
  top: 0;
  width: 750rpx;
  height: 100vh;
  z-index: 700;
  display: flex;
  justify-content: center;
  align-items: center;

  .successContent {
    width: 654rpx;
    height: 764rpx;
    background: #FFFFFF;
    border-radius: 32rpx;
    padding: 112rpx 0 73rpx 0;
    box-sizing: border-box;

    image {
      width: 364rpx;
      height: 303rpx;
      display: block;
      margin: 0 auto;
    }

    .text {
      margin-top: 60rpx;
      font-weight: bolder;
      font-size: 48rpx;
      text-align: center;
      margin-bottom: 78rpx;
    }

    .btnst {
      text-align: center;
      width: 590rpx;
      height: 80rpx;
      background: #D6000F;
      border-radius: 44rpx;
      font-size: 32rpx;
      font-weight: bolder;
      color: #FFFFFF;
      line-height: 80rpx;
      text-align: center;
      margin: 0 auto;
    }
  }
}

.supervisorname {
  position: relative;
  padding-bottom: 34rpx;

  image {
    width: 156rpx;
    height: 156rpx;
    border-radius: 50%;

  }

  .namest {

    width: 156rpx;
    height: 40rpx;
    background: rgba(2, 1, 19, .8);
    border-radius: 8rpx;
    font-size: 28rpx;
    text-align: center;
    color: rgba(255, 255, 255);
    position: absolute;
    bottom: 39rpx;
    right: 7rpx;
    text-align: center;
    line-height: 40rpx;
  }
}


.maintainmask {
  background: rgba(0, 0, 0, .8);
  position: fixed;
  left: 0;
  top: 0;
  width: 750rpx;
  height: 100vh;
  z-index: 700;

  display: flex;
  justify-content: center;
  align-items: center;

  .content {
    width: 686rpx;
    height: 828rpx;
    background: #FFFFFF;
    border-radius: 19rpx;
    padding: 91rpx 0rpx 76rpx;
    box-sizing: border-box;
.bigtitle{

font-size: 48rpx;

font-weight: bolder;
text-align: center;

}
.time{
  width: 545rpx;
  margin: 0 auto;
  margin-top: 89rpx;
}
.frequency{
  width: 545rpx;
  margin: 0 auto;
  margin-top: 65rpx;
}
    .title {
      font-size: 28rpx;
      color: #797A7C;
    }
    .input{
      width: 545rpx;
height: 78rpx;
background: #FFFFFF;
border-radius: 5rpx;
border: 1rpx solid #979797;
margin-top: 24rpx;
input{
  width: 545rpx;
  height: 78rpx;
  padding: 0rpx  10rpx;
  box-sizing: border-box;
  text-align: center;
  line-height:78rpx;

}
    }
    
    .picker{
      text-align: center;
      line-height:78rpx;
    }
    .btnser{
      margin: 0 auto;
      width: 602rpx;
height: 85rpx;
background: #D60010;
border-radius: 43px;
font-size: 36rpx;
font-weight: bolder;
color: #FFFFFF;
text-align: center;
line-height: 85rpx;
margin-top: 60rpx;
    }
  }
}

.siteDetails-six{
  margin-top: 80rpx;
  .title{
    padding: 0 32rpx;
    font-size: 36rpx;
    font-weight: bolder;
    color: #000000;
    margin-bottom: 32rpx;

  }
  .six-List{
    display: flex;
    margin-top: 24rpx;
    margin-bottom: 24rpx;
    align-items: center;
    font-size: 28rpx;

    .six-left{
      width: 113rpx;
      // height: 48rpx;
      font-size: 28rpx;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
      color:#8B8C8E ;

    }
    .six-right{
      width: 534rpx;
      margin-left: 39rpx;
    }
  }
}

.asdsdjs{
  display: flex;
  align-items: center;
view{
  color: black  !important;
}
}

.dispatchbtns{
  width: 750rpx;
    background: #FFFFFF;
    box-shadow: 0rpx 8rpx 48rpx 0rpx rgba(1,7,19,0.15);
    border-radius: 32rpx 32rpx 0rpx 0rpx;
    position: fixed;
    height: 196rpx;
    left: 0;
    bottom: 0;
    z-index: 100;
    display: flex;
    justify-content: center;
    view{
      width: 333rpx;
height: 88rpx;
line-height: 88rpx;
border-radius: 44rpx;
text-align: center;
margin: 24rpx auto;
&:nth-of-type(1){
  border: 2rpx solid #D6000F;
;
font-size: 32Rpx;
color: #D6000F;

}
&:nth-of-type(2){
  font-size: 32rpx;
  font-weight: bold;
  color: #FFFFFF;
margin-left: 31rpx;
  background: #D6000F;
}
    }
}


.projectbiezhu{

  .title{
font-size: 28rpx !important;
margin-top: 32rpx;
font-weight: bolder;
color: #D6000F !important;
  }
  .text{
padding:0 32rpx;
font-size: 28rpx;
margin-bottom: 32rpx;


  }
}


.redColor {
  color: #D6000F !important;
}

.workList{
 
  .worktitle{
    padding-left: 32rpx ;
    margin-top: 32rpx;
  }
  .headerImage{
    margin-top: 20rpx;
    margin-bottom: 20rpx;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 120rpx;
    padding:0 32rpx ;
    image{
      width: 120rpx;
height: 120rpx;
border-radius: 50%;
    }
    text{
      width: 200rpx;;
      text-align: center;
font-size: 28rpx;
font-weight: 400;
margin-top: 10rpx;
    }
  }
}
.smalltitle-navie{
  display: flex;
  justify-content: space-between;
  font-size: 28rpx;
  margin-bottom: 32rpx;
  margin-top: 32rpx;
  padding: 0 32rpx;
  }